﻿/**
 *@author	Gutoulee QQ:41965169
 *@link		www.gutoulee.com
*/
body{color:#4d5150;}
ul,p{padding:0;margin:0;}
li{list-style:none;} 
a:hover{color:#1d6caf;}
.shadow{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);}
.center{margin:0 auto;}

.fl{float:left;}
.fr{float:right;}
.cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.cb{zoom:1;}
.h1 {clear:both; font-size:1px; height:1px;}
.h5 {clear:both; font-size:1px; height:5px;}
.h8 {clear:both; font-size:1px; height:8px;}
.h10 {clear:both; font-size:1px; height:10px;}
.h15 {clear:both; font-size:1px; height:15px;}
.h20 {clear:both; font-size:1px; height:20px;}
.dsn{display:none;}
.dsb{display:block;}

/* 布局 */
.m{width:1000px; margin:0 auto;}
.m_l{width:220px;}
.m_r{width:760px;}
.m_r_l{width:540px;}
.m_r_r{width:203px;}


/* 头部样式 */
.header{position:relative;}

.logo-box{background:#0C6CB9;}
.logo{background:url(../images/hc_1.jpg) no-repeat 570px center; padding:20px 0; position:relative;}
.logo .slogin{position:absolute; top:25px; right:15px; display:none;}
.logo .tlogin{position:absolute; top:65px; right:15px; display:none;}
.logo .badge{font-size:16px; display:block; line-height:24px; width:100px;}

.nav-box{background:#178DED; box-shadow:0 0 10px #333; position: relative; z-index:100;}
.nav{ height:40px; position:relative; z-index:1;}
.nav a{ color:#fff; text-shadow:1px 1px 1px #000;}
.nav a:hover{ color:#fff;}
.nav .nLi{ float:left;  background: ; padding-right:3px; position:relative; display:inline;}
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ padding:0 18px; font-size:16px; font-weight:bold; display:block; line-height:40px;}
.nav .on h3 a{ background:#1D6CAF;}

.subnav{overflow:hidden;}
.subnav li{float:left;}
.subnav a{background:#178ded; display:inline-block; padding:7px 12px; line-height:20px; font-size:14px; font-family:microsoft yahei; text-align:center; color:#fff; margin-bottom:5px; margin-right:5px;}
.subnav .cur a,.subnav a:hover{ background:#f90;}

/* 首页幻灯片 */
.slide{ width:100%; position:relative; height:360px;}
.slide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.slide .bd ul{ width:100% !important;}
.slide .bd li{ width:100% !important; height:360px; overflow:hidden; text-align:center;}
.slide .bd li a{ display:block; height:360px;}
.slide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; text-align:center;}
.slide .hd ul{ text-align:center;}
.slide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; background:#666; overflow:hidden; line-height:9999px; border-radius:50%;}
.slide .hd ul .on{ background:#F00; color:#fff;}

/* 首页新闻幻灯片 */
.slideNews{ width:200px; height:135px; overflow:hidden; position:relative; border:1px solid #ddd;}
.slideNews .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}
.slideNews .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideNews .hd ul li{ float:left; margin-left:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;}
.slideNews .hd ul li.on{ background:#f00; color:#fff;}
.slideNews .bd{ position:relative; height:100%; z-index:0;}
.slideNews .bd li{ zoom:1; vertical-align:middle;}
.slideNews .bd img{ width:200px; height:135px; display:block;}

/* 首页关于我们 */
.about-box{width:460px; height:190px; overflow:hidden;}
.about .img{width:200px; height:135px; overflow:hidden; display:block; float:left; margin-right:10px;}
.about .img img{width:200px; height:135px;}
.about p{line-height:23px; margin-top:10px; text-indent:2em; font-size:13px;}

/* 首页新闻 */
.news-box{ width:515px; height:190px; overflow:hidden;}
.index-news li{line-height:23px;}
.index-news li a{font-size:14px;}
.index-news li a:hover{color:#F60;}
.index-news span{display:block; color:#555; float:right; cursor:pointer;}
.index-news span a{color:#666;}

/* 首页虚拟实验 */
.experiment-box{width:460px; height:190px; overflow:hidden;}
.experiment-box .form{margin-top:10px; padding-top:8px;}
.experiment-box .form-button{position:relative;}
.experiment-box .button{position:absolute; left:253px; top:3px; width:93px;}
.experiment-box .slogin{left:253px; top:3px;}
.experiment-box .tlogin{left:360px; top:3px;}
.experiment-box .label{float:left; line-height:36px; padding:0 10px 0 5px;}
.experiment-box .input{width:200px;}
.experiment-box .input-help{position:absolute; right:15px; top:8px;}

/* 首页中心风采 */
.slideImg{ width:1000px; height:180px; overflow:hidden; position:relative;}
.slideImg .hd{position:absolute; left:45%; bottom:5px;}
.slideImg .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;}
.slideImg .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; border-radius:50%; cursor:pointer; background:#333;}
.slideImg .hd ul li.on{ background:#f00;}
.slideImg .bd{padding-top:10px;}
.slideImg .bd ul{ overflow:hidden; zoom:1;}
.slideImg .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;}
.slideImg .bd ul li .pic{ text-align:center;}
.slideImg .bd ul li .pic img{ width:200px; height:150px; display:block;  padding:2px;}
.slideImg .bd ul li .pic a:hover img{ border-color:#999;}
.slideImg .bd ul li .title{ line-height:24px;}
.slideImg .prev,.slideImg .next{display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:2px; z-index:1; border-radius:50%; width:50px; height:50px; background:#000 url(../images/arrow_1.png) -122px -142px no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none;}
.slideImg .next{left:auto; right:2px; background-position:-2px -142px;}

/* 首页实验项目 */
.list-pic{}
.list-pic ul{padding:0;}
.list-pic li{background:#f5f5f5; border:1px solid #f5f5f5; float:left; width:188px; margin-left:15px; margin-top:15px; padding:8px; cursor:pointer;
   -moz-border-radius: 8px;
-webkit-border-radius: 8px;
		border-radius: 8px;}
.list-pic span{display:block; color:#333;}
.list-pic img{width:100%; height:60px; padding-top:3px;}
.list-pic .tit{font-size:18px;}
.list-pic .more{font-size:12px;line-height:24px;}
.list-pic li:hover{border:1px solid #0c6cb9;} 
.list-pic li:hover span{ color:#0c6cb9;} 
.list-pic li:hover img{ padding-top:1px; padding-bottom:2px;} 

#st1{ width:500px; float:left;}
#st2{ width:490px; float:right;}
.slideTxtBox{ border:1px solid #ddd; text-align:left; background:#fff;}
.slideTxtBox .hd{ height:49px; line-height:49px; background:url(../images/st-bg.jpg) repeat-x; border-bottom:1px solid #ddd;  position:relative;}
.slideTxtBox .hd ul{ float:left; position:absolute; top:-1px; height:50px; left:10px;}
.slideTxtBox .hd ul li{ float:left; cursor:pointer; text-align:center; font-size:16px; border-left:1px solid #ddd;}
.slideTxtBox .hd ul li.on{ height:50px; background:#fff; border-right:1px solid #ddd;}
#st1 .hd ul li{ width:120px;}
#st2 .hd ul li{ width:150px;}
.slideTxtBox .bd ul{ zoom:1;  padding-top:10px; padding-bottom:15px;}
.slideTxtBox .bd li{ line-height:22px; font-size:12px; border-bottom:1px dashed #cdcdcd; margin: 0 15px; padding: 8px 0;}
.slideTxtBox .bd li img{display:block; float:left; width:120px; height:70px; margin-right:10px;} 
.slideTxtBox .bd .tit{font-weight:600; font-size:14px;} 
.slideTxtBox .bd .more{height:20px;margin-top:15px;} 
.slideTxtBox .bd .more a{display:block;background:url(../images/icon-left.png) no-repeat center right; height:20px; margin-right:20px;} 

/* 首页新闻视频 */
.index_video{ width:500px; height:385px; float:left; background:#fff;}
.index_video .tit{font-size:18px; padding:15px 15px 5px;}
.index_video .view{ padding:0 15px 15px;}
.index_news{ width:490px; height:385px; float:right; background:#fff;}
.index_news .tit{font-size:18px; padding:15px 15px 5px;}
.index_news .view{ padding:0 15px 15px;} 
.index_news .more{height:20px; margin-top:15px;} 
.index_news .more a{display:block;background:url(../images/icon-left.png) no-repeat center right; height:20px; margin-right:20px;} 

/* 校企合作 */
.index-partners { background:#D1D1D1; padding:15px 0 30px 0;}
.index-partners h3 { font-size: 16px; margin: 0 0 15px;}
.index-partners ul { list-style: none; margin: 0; padding: 0;}
.index-partners li { float: left; width: 104px; text-align: center; margin:0 3px;}
.index-partners li { _width:104px;  _display:inline; _margin:0 2px 0 2px;}
.index-partners li img { width: 102px; height: 40px;border: 1px solid #DDD;}
.index-partners li a {display:block;}
.index-partners li a:hover img { border: 1px solid #fff;}

.partners li { float:left; width:120px; text-align:center; margin:10px 3px 0;}
.partners li img { width:118px; height:50px; border:1px solid #DDD;}
.partners li a {display:block;}
.partners li a:hover img {border:1px solid #0a8;}


/* 小元件 */
.slide{font-size:0;}
.prenext{margin-bottom:15px;}
.prenext p{line-height:25px;}
.page {text-align:center; margin-top:10px;}
 
.banner{background-position:center center; background-repeat:no-repeat;}
.banner a{display:block;}

.place{ height:35px; line-height:35px; overflow:hidden  ;}
.place a{}	
.place a:hover{ text-decoration:none; color:#C11C11;}

.doc-backtop{position:fixed;right:5px;bottom:0;color:#999;font-size:30px;cursor:pointer;z-index:9;}
.doc-backtop:hover{color:#0ae;}


/* 盒子模型 */
.box_head{height:40px; border-bottom:3px solid #0c6cb9 ; text-align:right; overflow:hidden;}
.box_head .title{float:left; line-height:40px; font-size:24px; position:relative; color:#0c6cb9; cursor:pointer;}
.box_head .more{float:right; line-height:50px;}
.box_head a{color:#333; display:block;}
.box_body{border:1px solid #BBB;}

.box_head1{height:35px; border-bottom:2px solid #BBB; text-align:right;}
.box_head1 .title{float:left; color:#0d83c0; border-bottom:2px solid #0d83c0; line-height:33px; font-size:18px; padding:0 5px; position:relative; _bottom:-2px; cursor:pointer;}
.box_head1 .more{float:right; margin-top:15px; margin-right:5px;}
.box_head1 a{color:#333; display:block;}
.box_body1{}

.box_head2{height:35px; border-bottom:2px solid #BBB; text-align:right;}
.box_head2 .title{float:left; color:#0d83c0; border-bottom:2px solid #0d83c0; line-height:33px; font-size:18px; padding:0 5px; position:relative; _bottom:-2px; cursor:pointer;}
.box_head2 .more{float:right;}
.box_head2 a{color:#333;}
.box_body2{}

.box_head3{height:25px; line-height:25px; text-align:right; border-bottom:1px solid #CCC;}
.box_head3 .title{float:left; cursor:pointer;}
.box_head3 .title span{float:left; padding:0 12px; margin-right:12px; cursor:pointer; border:1px solid #ccc; border-bottom:0px solid #ccc; border-radius: 5px 5px 0 0;}
.box_head3 .more{float:right;}
.box_head3 a{color:#333; display:block;}
.box_body3{border:1px solid #BBB;}

.content{background:#fff; min-height:680px;}
.content .title{font-size:20px; text-align:center; line-height:30px; margin:10px 0 5px; padding:0 20px; font-weight:600;}
.content .info{border-bottom:1px dashed #CCC; color:#666; padding-bottom:10px; text-align:center; margin-bottom:10px;}
.content .info small{ font-size:100%;}
.content .cont {line-height:1.8;}
.content .cont p{margin-bottom:25px; text-indent:2em;}
.content img{max-width:750px;text-align:center;}

.typename{border-bottom:5px solid #aeaeae; padding:25px 0 25px 45px;}
.typename .cn{font-size:36px;display:block;color:#535353;}
.typename .en{font-size:48px;display:block;color:#aeaeae;}

 

/* 首页新闻列表样式 */
.news li{border-bottom:1px dashed #ddd; height:32px; line-height:32px;}
.news li a{color:#666; font-size:14px; display:block;}
.news li a:hover{color:#F60;}
.news span{display:block; color:#555; float:right; cursor:pointer;}
.news span a{color:#666;}

/* 新闻列表样式 */
.news_list li{border-bottom:2px solid #ddd;}
.item{float:left; width:100%; height:116px; margin-bottom:10px; display:inline; overflow:hidden; position:relative; cursor:pointer;}
.item  img:hover{opacity:1;}
.item  a:hover .pic{border:1px solid #bcbcbc;}
.item .pic{width:152px; height:102px; overflow:hidden; background:#fff url(../images/loading_1.gif) no-repeat center center; border:1px solid #eee; float:right; margin-left:20px;}
.item .pic p{width:150px; height:100px; display:table-cell; text-align:center; vertical-align:middle; *display:block; *font-size:135px; *font-family:Arial;}
.item .pic p img{ width:150px; height:100px; vertical-align:middle;}
.item .tit{height:32px; line-height:32px; overflow:hidden; font-size:18px;  margin-bottom:6px;}
.item .intro{color:#999; text-indent:2em; line-height:22px;}
.item .intro:hover{color:#666;}
.item .intro span{float:right; font-size:14px;}

/* 分类列表 */
.list {padding-top:10px;}
.list li {background:#f5f5f5; margin-bottom:8px;}
.list li a {color:#666; display:block; font-size:16px; height:36px; line-height:36px; overflow:hidden; padding-left:24px;}
.list li a:hover, 
.list li.on {background:#178ded; color:#fff;}
.list li.on a {color:#fff;}

/* 上图下文图文列表 */
.list4 ul{}
.list4 li{display:inline; float:left; margin:5px 0 10px 15px;}
.list4 p {width:240px; height:18px; line-height:18px; overflow:hidden; margin:5px 0 0; text-align:center;}
.list4 .img{border: 1px solid #E0E0E0; padding:1px; width:240px; _width:240px; height:160px;}
.list4 .img img{width:240px; height:160px;}
 
/* 左图右文 */
.tp1{height:135px; overflow:hidden;}
.tp1 dd{padding:0;}
.tp1 img{display:block; float:left; width:200px; height:135px; margin-right:10px;} 
.tp1 .tpt{font-weight:600; font-size:16px;}  
.tp1 .tps{padding-top:10px; line-height:20px;}  


/* 分页样式 */
.page {border-top:0px dotted #CCC; margin:15px 0 0; padding-top:0px; text-align:center;}
.page a,.pageinfo {background:#f5f5f5; display: inline-block; padding: 5px 10px; cursor:pointer;}
.page a:hover, .page .pagehover {background: #333; color: #FFF;}
 
.footer{background:#0c6cb9; text-align:center; color:#fff; line-height:24px; padding:40px 0;}
 
 

